import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import MyPlugin from './plugins/MyPlugin'
import {
  Affix,
  Anchor,
  Avatar,
  BackTop,
  Badge,
  Breadcrumb,
  Button,
  Card,
  Checkbox,
  Col,
  Comment,
  ConfigProvider,
  DatePicker,
  Divider,
  Dropdown,
  Empty,
  Form,
  Image,
  Input,
  Layout,
  List,
  Menu,
  message,
  Modal,
  PageHeader,
  Pagination,
  Popconfirm,
  Popover,
  Row,
  Select,
  Skeleton,
  Space,
  Spin,
  Table,
  Tabs,
  Tag,
  Tooltip,
  Tree,
  TreeSelect,
  Upload
} from 'ant-design-vue'
import 'github-markdown-css'
import 'highlight.js/styles/github.css'
import './assets/css/global.css'

const app = createApp(App)
app.config.globalProperties.$message = message
app.use(MyPlugin)
app.use(Affix)
app.use(Anchor)
app.use(Avatar)
app.use(BackTop)
app.use(Badge)
app.use(Breadcrumb)
app.use(Button)
app.use(Card)
app.use(Checkbox)
app.use(Col)
app.use(Comment)
app.use(ConfigProvider)
app.use(DatePicker)
app.use(Divider)
app.use(Dropdown)
app.use(Empty)
app.use(Form)
app.use(Image)
app.use(Input)
app.use(Skeleton)
app.use(Layout)
app.use(List)
app.use(Menu)
app.use(Modal)
app.use(PageHeader)
app.use(Pagination)
app.use(Popconfirm)
app.use(Popover)
app.use(Row)
app.use(Table)
app.use(Tabs)
app.use(Tag)
app.use(Tooltip)
app.use(Tree)
app.use(TreeSelect)
app.use(Select)
app.use(Space)
app.use(Spin)
app.use(Upload)
app.use(store).use(router).mount('#app')
